<template>
    <div class="flex flex-col py-2 gap-0.5">
        <Collapse title="排序方式">
            <SelectTag v-model="sort" :options="sorOptions" radio />
        </Collapse>
        <Collapse title="发行时间">
            <SelectTag v-model="time" :options="timeOptions" title="全年代" titleInline />
        </Collapse>
        <Collapse title="罩杯大小">
            <SelectTag v-model="cap" :options="capOptions" title="所有罩杯" titleInline />
        </Collapse>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const sort = ref([])
const time = ref([])
const cap = ref([])

const sorOptions = ref(["名称正序", "名称倒序", "时间正序", "时间倒序"]);
const timeOptions = ref(["60年代", "70年代", "80年代", "90年代", "00年后", "10年后", "20年后"]);
const capOptions = ref(["A-Cap", "B-Cap", "C-Cap", "D-Cap", "E-Cap", "F-Cap", "G-Cap"]);

</script>